*{padding: 0; margin: 0;}
ul,li{list-style: none;}
.menu-wraper{
    margin: 100px;
    position: relative;
    width: 200px;
    background-color: rgb(0,21,41);
    color: white;
    // &:hover{
    //     ul{
    //         height: 300px;
    //     }
    // }
    h2{
        padding: 10px 10px;
        font-size: 14px;
        font-weight: normal;
        width: 100%;
        cursor: pointer;
    }
    ul{
        background-color: rgb(0,12,23);
        height: 0;
        overflow: hidden;
        transition: height .3s;
        li{
            padding: 5px 15px;
            cursor: pointer;
            font-size: 14px;
            color: rgb(180, 177, 177);
            &:hover{
                color: white;
            }
        }
    }
}
